<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>帮助中心_{$web_name}</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="Keywords" content="帮助中心" />
		<meta name="Description" content="帮助中心" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="format-detection" content="telephone=no">
		<tc_include file="Public:head" />
		<link rel="stylesheet" type="text/css" href="/themes/wnsc/Home/User/css/help.css" />

	</head>

	<body>
		<tc_include file="Public:nav" />
		<div class="content w990 clearfix" style="width: 1200px;">
			<!-- 左半部分内容 -->
			<div class="fl">
				<div class="store-category">
					<h3 class="left-title bg-color">帮助中心</h3>
					<div class="left-content tree">
						<ul>
							<foreach name="term" item="v" key="k">
							<li class="parent_li">
								<h4>
								<a href="javascript:;" title="" class="tree-first">{$v.name}</a>
								<span>
									<i class="icon-plus-sign icon-minus-sign"></i>
								</span>
							</h4>
								<ul>
								<foreach name="v['list']" item="vo">
									<li>
										<a href="{:U('user/help_info',array('id'=>$vo['id']))}" target="_self" <eq name="_GET['id']" value="$vo['id']">class="current"</eq> title="{$vo['post_title']}" style="display: block;width: 137px;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">{$vo['post_title']}</a>
									</li>
							</foreach>

								</ul>
							</li>
							</foreach>
						</ul>
					</div>
				</div>
			</div>
			<!-- 右半部分内容 -->
			<div class="fr" style="width: 940px;">
				<div class="right-inner">

					<h3 class="help-tit">{$info.post_title}</h3>
					<div class="help-detail">
                      {:html_entity_decode($info['post_content'])}
                     
                  </div>
                   <div class="card" style="margin:17px 0 0 0;border: 1px solid #eee;border-radius: 5px;">
                          <!--页眉，放置标题-->
                          <div class="card-header" style="font-size: 14px;font-weight: bolder;border-bottom: 1px solid #eee;padding: 8px;padding-left: 25px;color: #000;">客服电话</div>
                          <!--内容区-->
                          <div class="card-content" style="padding: 10px 15px;color: #a0a0a0;font-size: 12px;border-bottom: 1px solid #eee;padding-left: 26px;line-height: 22px;letter-spacing: 2px;">订单,商品问题请联系客服为您处理<br> 工作时间：{:sp_getad('工作时间')}</div>
                          <!--页脚，放置补充信息或支持的操作-->
                          <div class="card-footer" style="font-size: 14px;color: #000;padding: 9px;text-align: right;">联系电话：<em style="color: red;">{:sp_getad('手机帮助中心-电话号')}</em></div>
                      </div>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
		<tc_include file="Public:footer" />

		<script type="text/javascript">
			// JavaScript Document
			$(function() {

				//左侧分类树点击展开收缩效果
				$('.tree li:has(ul)').addClass('parent_li');
				$('.tree li.parent_li > h4').on('click', function() {
					var children = $(this).parent('li.parent_li').find(' > ul > li');
					if(children.is(":visible")) {
						$(this).find('i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
						$(this).parent('li.parent_li').find(' > ul').slideUp('fast');
					} else {
						children.slideDown('fast');
						$(this).parent('li').siblings().find('i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
						$(this).parent('li').siblings().find(' > ul').slideUp('fast');
						$(this).find('i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
						$(this).parent('li.parent_li').find(' > ul').slideDown('fast');
					}
				});
				$('.current').parents('ul').show();

			});
		</script>
	</body>

</html>